<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>管理员增加</title>
  <link rel="stylesheet" href="../../../files/css/layui.css" media="all">
<style type="text/css">
	#goodsImg{
		position: relative;
		left:110px;
	}
</style>
</head>
<body>
   
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
  <legend>管理员增加列表</legend>
</fieldset>
  
<form class="layui-form" action="../../../manager/saveOrUpdate.action"  enctype="multipart/form-data"
		method="post">
		
		<div class="layui-form-item">
			<div class="layui-inline">
				<div class="layui-upload">
					<label class="layui-form-label">上传图片</label>
					<button type="button" class="layui-btn" id="test1">上传图片</button>
					<div class="layui-upload-list" style="margin:10px 54%;">
						<img class="layui-upload-img" id="demo1" width="90px" height="90px">
						<p id="demoText" style="width:120px;margin:10px 0px;"></p>
						<input type="hidden" id="fileName" name="fileName">
					</div>
				</div>
			</div>
		</div>
		
		<div class="layui-form-item">
			<label class="layui-form-label">用户名</label>
			<div class="layui-input-inline">
				<input type="text" name="manName" required lay-verify="required"
					placeholder="请输入用户名" maxlength="9" autocomplete="off" class="layui-input">
			</div>
		</div>

		<div class="layui-form-item">
			<label class="layui-form-label">密码框</label>
			<div class="layui-input-inline">
				<input type="password" name="manPwd" required
					lay-verify="required" maxlength="12" placeholder="请输入密码" autocomplete="off"
					class="layui-input" class="layui-icon">
			</div>
		</div>
		  
		
		<div class="layui-form-item">
			<label class="layui-form-label">简介</label>
			<div class="layui-input-inline">
				<textarea name="manRemark" required lay-verify="required" placeholder="请输入" class="layui-textarea"></textarea>
			</div>
		</div>
		
		<div class="layui-form-item">
			<label class="layui-form-label">赋予角色</label>
			<div id="tbRole"></div>
		</div>
		 
		<input type="hidden" id="str" name="str">

		<div class="layui-form-item">
			<div class="layui-input-block">
				<input onclick="aa()" type="submit" class="layui-btn" lay-submit=""
					lay-filter="imgAdd" value="立即增加">
				<button type="reset" class="layui-btn layui-btn-primary">重置</button>
			</div>
		</div>
	</form>  
	
	 
          
<script src="../../../files/js/layui.js"></script>
<script type="text/javascript" src="../../../commom/js/base.js"></script>
<script type="text/javascript" src="../../../files/js/jquery.min.js"></script>
<script>

function aa(){
	var bb="";
	var temp="";
	var a=document.getElementsByName("ro");
	//alert(a.length);
	for(var i=0;i<a.length; i++){
		if(a[i].checked){
			temp=a[i].value;
			if(bb==""){
				bb=temp;
			}else{
				bb=bb+","+temp;
			}
		}
	} 
	$("#str").val(bb); 
	
}

layui.use(['form','layer','upload'], function(){
  var form = layui.form
  ,layer = layui.layer
  ,upload = layui.upload 
  ,$ = layui.$;
  form.on('submit(imgAdd)',function(msg){
	  alert(" 信息 "+msg.msg);
	  
	  layer.msg('数据加载中', {
		  icon: 1,
		  time: 10 //2秒关闭（如果不配置，默认是3秒）
		}, function(){
			//进行渲染
			 parent.location.reload(); // 父页面刷新
		});  
	 
  });
  
  var url = getRootPath()+"role/findAll.action";
	$.post(url,null,function(msg){
		var data = msg[1]; 
		for(var i=0;i<data.length;i++){
			$("#tbRole").append("<input type='checkbox' value="+data[i].roleId+" name='ro' title="+data[i].roleName+">");
		}
		//form表单重新渲染
		form.render();
	},dataType="JSON");
	
	form.render('select','selFilter'); 
	
	//普通图片上传
	 upload.render({
	    elem: '#test1'
	    ,url: getRootPath()+'image/getFileName.action'
	    ,before: function(obj){
	      //预读本地文件示例，不支持ie8
	      obj.preview(function(index, file, result){
	        $('#demo1').attr('src', result); //图片链接（base64）
	      });
	    }
	    ,done: function(res){
	    	
	      //如果上传失败
	      if(res.num < 0){
	        return layer.msg('上传失败');
	      }
	      //上传成功 
	       $("#fileName").val("");
	      
	      $("#fileName").val(res.msg); 
	    }
	    ,error: function(){
	      //演示失败状态，并实现重传
	      var demoText = $('#demoText');
	      demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-xs demo-reload">重试</a>');
	      demoText.find('.demo-reload').on('click', function(){
	        uploadInst.upload();
	      });
	    }
	  });
  
});
</script>

</body>
</html>